<template>
  <div style="border-radius: 10px;background: #fff;padding: 20px">
    <div class="top">
      <Form>
        <Row :gutter="8">
          <Col span="4">
            <FormItem label="姓名：">
              <Input style="width: 100%;" v-model="searchInfo.CPBI003"/>
            </FormItem>
          </Col>
          <Col span="4">
            <FormItem label="身份证号：">
              <Input style="width: 100%;" v-model="searchInfo.CPBI002"/>
            </FormItem>
          </Col>
          <Col span="4">
            <FormItem label="性别：">
              <Select v-model="searchInfo.CPBI005" clearable filterable transfer="" style="width: 100%;">
                <Option :value="'0'">男</Option>
                <Option :value="'1'">女</Option>
              </Select>
            </FormItem>
          </Col>
          <Col span="4">
            <FormItem label="年龄：">
              <Row>
                <Col span="11">
                  <Input style="width: 100%;" v-model="searchInfo.start_age"/>
                </Col>
                <Col span="2" style="text-align: center">
                  &#160;~&#160;
                </Col>
                <Col span="11">
                  <Input style="width: 100%;" v-model="searchInfo.end_age"/>
                </Col>
              </Row>
            </FormItem>
          </Col>
          <Col span="4">
            <FormItem label="超龄：">
              <Select v-model="searchInfo.isoverage" clearable filterable transfer="" style="width: 100%;">
                <Option :value="'Y'">是</Option>
                <Option :value="'N'">否</Option>
              </Select>
            </FormItem>
          </Col>
          <Col span="4">
            <FormItem label="联系方式：">
              <Input style="width: 100%;" v-model="searchInfo.CPBI013"/>
            </FormItem>
          </Col>
        </Row>
        <Row :gutter="8">
          <Col span="4" v-if="this.$store.state.user.severUserInfo.company_grade === '2'">
            <FormItem label="所在区县：">
              <Select v-model="searchInfo.CPWI023" filterable transfer="" clearable
                      @on-change="getMailList2(4,searchInfo.CPWI023)" style="width: 100%;">
                <Option :value="item.code" v-for="item in mailList1" v-bind:key="item.code">{{ item.name }}</Option>
              </Select>
            </FormItem>
          </Col>
          <Col span="4"
               v-if="this.$store.state.user.severUserInfo.company_grade === '2' || this.$store.state.user.severUserInfo.company_grade === '3'">
            <FormItem label="所在街道：">
              <Select v-model="searchInfo.CPWI024" filterable transfer="" clearable
                      @on-change="getMailList2(5, searchInfo.CPWI024)" style="width: 100%;">
                <Option :value="item.code" v-for="item in mailList2" v-bind:key="item.code">{{ item.name }}</Option>
              </Select>
            </FormItem>
          </Col>
          <Col span="4">
            <FormItem label="所在社区：">
              <Select v-model="searchInfo.CPWI025" filterable transfer="" clearable style="width: 100%;">
                <Option :value="item.code" v-for="item in mailList3" v-bind:key="item.code">{{ item.name }}</Option>
              </Select>
            </FormItem>
          </Col>
          <Col span="4">
            <FormItem label="政治面貌：">
              <Select v-model="searchInfo.CPBI008" filterable clearable transfer="" style="width: 100%;">
                <Option :value="item.TYPECODE" v-for="item in dictList[0]" v-bind:key="item.TYPECODE">{{
                    item.TYPENAME
                  }}
                </Option>
              </Select>
            </FormItem>
          </Col>
          <Col span="4">
            <FormItem label="任职情况：">
              <Select v-model="searchInfo.CPWI006" filterable clearable transfer="" style="width: 100%;">
                <Option :value="item.TYPECODE" v-for="item in dictList[1]" v-bind:key="item.TYPECODE">{{
                    item.TYPENAME
                  }}
                </Option>
              </Select>
            </FormItem>
          </Col>
          <Col span="4">
            <FormItem label="社工状态：">
              <Select v-model="searchInfo.CPBI018" clearable filterable transfer="" style="width: 100%;">
                <Option :value="item.TYPECODE" v-for="item in dictList[2]" v-bind:key="item.TYPECODE">{{
                    item.TYPENAME
                  }}
                </Option>
              </Select>
            </FormItem>
          </Col>
        </Row>
        <Row :gutter="8">
          <Col span="4" style="margin-top: 10px">
            <Button class="b1" @click="findinit">
              查询
            </Button>
            <Button class="b2" @click="searchDatawork">
              重置
            </Button>
            <Button class="b2" @click="addModal = true; familyInfoList = []; assessmentInfoList = []; sessionInfoList = [];
         addinfo = {}; fileUrlList = []; fileUrlList2 = []; fileUrlList3 = []; status = false; message = '提交审核'"
                    v-if="this.$store.state.user.severUserInfo.company_grade === '5'">
              录入
            </Button>
          </Col>
        </Row>
      </Form>
    </div>
    <Row>
      <Col span="24">
        <Table border stripe :disabled-hover="true"
               :no-data-text="`<div style='text-align: center;'><img style='width: 160px;height: 190px;margin: 20px;' src='${require('@/assets/images/V2-new-view/icon-no-data.png')}' /></div>`"
               :columns="columns" :data="datalist" ref="personSelection" :loading="searchInfo.loading1"
               style="margin-top:10px;">
          <template slot-scope="{ row }" slot="action">
            <Dropdown trigger="hover" :transfer="true">
              <a href="javascript:void(0)" style="color:#1a5fff;">
              操作
            </a>
              <DropdownMenu class="user-drop-div" slot="list">
                <DropdownItem class="user-drop-item-div1">
                  <div @click="show(row)">
                    <img src="" style="width:14px;height:14px;margin-right:11px;" /><span>查看</span>
                  </div>
                </DropdownItem>
                <DropdownItem class="user-drop-item-div2" v-if="row.CPBI018 === '11'">
                  <div @click="updatePersonnel(row)">
                    <img src="" style="width:14px;height:14px;margin-right:11px;" /><span>编辑</span>
                  </div>
                </DropdownItem>
                <DropdownItem class="user-drop-item-div3" v-if="row.CPBI018 === '11'">
                  <div @click="remove(row)">
                    <img src="" style="width:14px;height:14px;margin-right:11px;" /><span>注销</span>
                  </div>
                </DropdownItem>
              </DropdownMenu>
            </Dropdown>
          </template>
        </Table>
        <Row v-if="searchInfo.loading1 == true">
          <Col class="demo-spin-col" span="8" offset="8">
            <Spin fix>
              <Icon type="ios-loading" size=18 class="demo-spin-icon-load"></Icon>
              <div>数据正在加载</div>
            </Spin>
          </Col>
        </Row>
      </Col>
    </Row>
    <Page :total="searchInfo.totalnum" class="page_style" :current="searchInfo.currentPageNo"
          :page-size="searchInfo.currentPageSize" @on-change="changePageNo" show-total show-elevator show-sizer
          @on-page-size-change="changePagesize">
      <template>
        共 <span style="color: #FFAB04">{{ searchInfo.totalnum }}</span> 条
      </template>
    </Page>
    <Modal
      v-model="addModal"
      width="1000px"
      @on-ok="addOk"
      :closable="false">
      <template #header>
        <div style="display: flex;align-items: center;padding: 16px 15px 0 15px">
          <div style="  font-weight: 700;font-size: 14px; text-align: left;color: #b40001;">
            录入
          </div>
          <div style="margin-left: auto">
            <img @click="addModal=false"
                 src="@/assets/images/V2-new-view/resource_close.png"
                 style="margin-left:auto;width: 20px;height: 20px;">
          </div>
        </div>
      </template>
      <template #footer>
        <div style="display: flex;margin-top: 30px">
          <Button type="error"
                  style="width: 64px;height: 32px;border-radius: 5px;background: #b40001;padding: 0"
                  @click="addOk">{{ message }}
          </Button>
          <Button type="primary"
                  style="width: 64px;height: 32px;border-radius: 5px;background: #c9c9c9;border: #c9c9c9;color: #161616;"
                  @click="addModal=false" class="close">取消
          </Button>
        </div>
      </template>
      <div style="width: 100%;">
        <Form :label-width="155" label-position="right">
          <Row :gutter="15">
            <Col span="12" style="margin-bottom: 10px;">
              <FormItem>
                <template #label>
                  <div>姓名<span style="color: red">(必填)</span></div>
                </template>
                <Input :disabled="status" v-model="addinfo.CPBI003" type="text" style="width: 100%"></Input>
              </FormItem>
            </Col>
            <Col span="12" style="margin-bottom: 10px;">
              <FormItem>
                <template #label>
                  <div>身份证号<span style="color: red">(必填)</span></div>
                </template>
                <Input :disabled="status" v-model="addinfo.CPBI002" type="text" style="width: 100%"></Input>
              </FormItem>
            </Col>
          </Row>
          <Row :gutter="15">
            <Col span="12" style="margin-bottom: 10px;">
              <FormItem>
                <template #label>
                  <div>性别<span style="color: red">(必填)</span></div>
                </template>
                <Select v-model="addinfo.CPBI005" filterable transfer="" style="width:100%;">
                  <Option :value="'0'">男</Option>
                  <Option :value="'1'">女</Option>
                </Select>
              </FormItem>
            </Col>
            <Col span="12" style="margin-bottom: 10px;">
              <FormItem>
                <template #label>
                  <div>婚姻状况<span style="color: red">(必填)</span></div>
                </template>
                <Select v-model="addinfo.CPBI006" filterable transfer="" style="width:100%;">
                  <Option :value="item.TYPECODE" v-for="item in dictList[3]" v-bind:key="item.TYPECODE">{{
                      item.TYPENAME
                    }}
                  </Option>
                </Select>
              </FormItem>
            </Col>
          </Row>
          <Row :gutter="15">
            <Col span="12" style="margin-bottom: 10px;">
              <FormItem>
                <template #label>
                  <div>民族<span style="color: red">(必填)</span></div>
                </template>
                <Select v-model="addinfo.CPBI007" filterable transfer="" style="width: 100%;">
                  <Option :value="item.TYPECODE" v-for="item in dictList[4]" v-bind:key="item.TYPECODE">{{
                      item.TYPENAME
                    }}
                  </Option>
                </Select>
              </FormItem>
            </Col>
            <Col span="12" style="margin-bottom: 10px;">
              <FormItem>
                <template #label>
                  <div>政治面貌<span style="color: red">(必填)</span></div>
                </template>
                <Select v-model="addinfo.CPBI008" filterable transfer="" style="width:100%;">
                  <Option :value="item.TYPECODE" v-for="item in dictList[0]" v-bind:key="item.TYPECODE">{{
                      item.TYPENAME
                    }}
                  </Option>
                </Select>
              </FormItem>
            </Col>
          </Row>
          <Row :gutter="15">
            <Col span="12" style="margin-bottom: 10px;">
              <FormItem>
                <template #label>
                  <div>是否退役士兵定向<span style="color: red">(必填)</span></div>
                </template>
                <Select v-model="addinfo.CPBI009" filterable transfer="" style="width: 100%;">
                  <Option :value="'Y'">是</Option>
                  <Option :value="'N'">否</Option>
                </Select>
              </FormItem>
            </Col>
            <Col span="12" style="margin-bottom: 10px;">
              <FormItem>
                <template #label>
                  <div>是否军嫂定向<span style="color: red">(必填)</span></div>
                </template>
                <Select v-model="addinfo.CPBI010" filterable transfer="" style="width: 100%;">
                  <Option :value="'Y'">是</Option>
                  <Option :value="'N'">否</Option>
                </Select>
              </FormItem>
            </Col>
          </Row>
          <Row :gutter="15">
            <Col span="12" style="margin-bottom: 10px;">
              <FormItem>
                <template #label>
                  <div>人员类型<span style="color: red">(必填)</span></div>
                </template>
                <CheckboxGroup v-model="addinfo.personnel_type">
                  <Checkbox v-for="item in typeList" :label="item.TYPECODE" :value="item.TYPECODE"
                            v-bind:key="item.TYPECODE">{{ item.TYPENAME }}
                  </Checkbox>
                </CheckboxGroup>
              </FormItem>
            </Col>
            <Col span="12" style="margin-bottom: 10px;">
              <FormItem>
                <template #label>
                  <div>户籍地址<span style="color: red">(必填)</span></div>
                </template>
                <Input v-model="addinfo.CPBI012" type="text" style="width: 100%"></Input>
              </FormItem>
            </Col>
          </Row>
          <Row :gutter="15">
            <Col span="12" style="margin-bottom: 10px;">
              <FormItem>
                <template #label>
                  <div>联系方式<span style="color: red">(必填)</span></div>
                </template>
                <Input v-model="addinfo.CPBI013" type="text" style="width: 100%"></Input>
              </FormItem>
            </Col>
            <Col span="12" style="margin-bottom: 10px;">
              <FormItem>
                <template #label>
                  <div>家庭住址<span style="color: red">(必填)</span></div>
                </template>
                <Input v-model="addinfo.CPBI014" type="text" style="width: 100%"></Input>
              </FormItem>
            </Col>
          </Row>
          <Row :gutter="15">
            <Col span="12" style="margin-bottom: 10px;">
              <FormItem>
                <template #label>
                  <div>免冠照片<span style="color: red">(必填)</span></div>
                </template>
                <Upload v-if="addinfo.files === undefined || fileUrlList.length < 0" multiple type="drag"
                        action="http://120.27.63.37:38081/api/ac/file/fileCommonService/upLoadFiles"
                        :before-upload="beforeUpload" style="">
                  <div style="width: 230px;height: 105px;background: #f8f8f8;border: 1px solid #c9c9c9;">
                    <div
                      style="color: #ffab04;display: flex;align-items: center;justify-content: center;margin-top: 20px">
                      <img style="width: 14px;height: 14px;" src="@/assets/images/V2-new-view/img.png" alt="">上传照片
                    </div>
                    <div
                      style="font-weight: 400;font-size: 8px;text-align: center;color: #c9c9c9;transform: scale(0.7);white-space:nowrap;margin-left: -20px">
                      免冠照片, 最大为2M,最大像素为200 * 300(.jpg/.png)
                    </div>
                  </div>
                </Upload>
                <div v-if="addinfo.files || fileUrlList.length > 0">
                  <Row>
                    <Col span="24">
                      <div v-for="(item, index) in fileUrlList" :key="'index3'+index">
                        <img :src="item" :title="item"
                             style="width: 85px;height: 105px;border-radius: 5px;background: #f8f8f8;border: 1px solid #c9c9c9;"></img>
                        <div
                          style="color: #ffab04;font-size: 12px;text-align: center;width: 85px"
                          @click="addIMG1">
                          <img src="@/assets/images/V2-new-view/重新上传.png"
                               style="width: 14px;height: 14px;">重新上传
                        </div>
                      </div>
                    </Col>
                  </Row>
                </div>
              </FormItem>
            </Col>
            <Col span="12" style="margin-bottom: 10px;">
              <FormItem>
                <template #label>
                  <div>身份证正反上传<span style="color: red">(必填)</span></div>
                </template>
                <Row ::gutter="10" style="margin: 0">
                  <Col span="12" style="padding-left: 0">
                    <Upload v-if="addinfo.files2 === undefined || fileUrlList2.length < 0" multiple type="drag"
                            action="http://120.27.63.37:38081/api/ac/file/fileCommonService/upLoadFiles"
                            :before-upload="beforeUpload2" style="width: 100%;float: left">
                      <div style="background: #f8f8f8;border: 1px solid #c9c9c9;height: 105px;">
                        <div
                          style="color: #ffab04;display: flex;align-items: center;justify-content: center;margin-top: 20px">
                          <img style="width: 14px;height: 14px;" src="@/assets/images/V2-new-view/img.png" alt="">上传正面
                        </div>
                        <div
                          style="font-weight: 400;font-size: 8px;text-align: center;color: #c9c9c9;transform: scale(0.7);white-space:nowrap;margin-left: -10px">
                          身份证正面照片,最大2m(.jpg-.png)
                        </div>
                      </div>
                    </Upload>
                    <div v-if="addinfo.files2 || fileUrlList2.length > 0">
                      <Row>
                        <Col span="24">
                          <div v-for="(item, index) in fileUrlList2" :key="index">
                            <img :src="item" :title="item"
                                 style="width:100%;height: 105px;border-radius: 5px;background: #f8f8f8;border: 1px solid #c9c9c9;"></img>
                            <div
                              style="color: #ffab04;font-size: 12px;text-align: center"
                              @click="addIMG2">
                              <img src="@/assets/images/V2-new-view/重新上传.png"
                                   style="width: 14px;height: 14px;">重新上传
                            </div>
                          </div>
                        </Col>
                      </Row>
                    </div>
                  </Col>
                  <!--反面-->
                  <Col span="12" style="padding-right: 0">
                    <Upload v-if="addinfo.files3 === undefined || fileUrlList3.length < 0" multiple type="drag"
                            action="http://120.27.63.37:38081/api/ac/file/fileCommonService/upLoadFiles"
                            :before-upload="beforeUpload3" style="width: 100%;float: left">
                      <div style="background: #f8f8f8;border: 1px solid #c9c9c9;height: 105px;">
                        <div
                          style="color: #ffab04;display: flex;align-items: center;justify-content: center;margin-top: 20px">
                          <img style="width: 14px;height: 14px;" src="@/assets/images/V2-new-view/img.png" alt="">上传反面
                        </div>
                        <div
                          style="font-weight: 400;font-size: 8px;text-align: center;color: #c9c9c9;transform: scale(0.7);white-space:nowrap;margin-left: -10px">
                          身份证反面照片,最大2m(.jpg-.png)
                        </div>
                      </div>
                    </Upload>
                    <div v-if="addinfo.files3 || fileUrlList3.length > 0">
                      <Row>
                        <Col span="24">
                          <div v-for="(item, index) in fileUrlList3" :key="index + '0'"
                          >
                            <img :src="item" :title="item"
                                 style="width:100%;height: 105px;border-radius: 5px;background: #f8f8f8;border: 1px solid #c9c9c9;"></img>
                            <div
                              style="color: #ffab04;font-size: 12px;text-align: center"
                              @click="addIMG3">
                              <img src="@/assets/images/V2-new-view/重新上传.png"
                                   style="width: 14px;height: 14px;">重新上传
                            </div>
                          </div>
                        </Col>
                      </Row>
                    </div>
                  </Col>
                </Row>
              </FormItem>
            </Col>
          </Row>
        </Form>
      </div>
    </Modal>

    <Modal
      v-model="showModal"
      width="1000px"
      @on-ok="addOk"
      :closable="false"
    >
      <template #header>
        <div style="display: flex;align-items: center;padding: 16px 15px 0 15px">
          <div style="  font-weight: 700;font-size: 14px; text-align: left;color: #b40001;">
            查看
          </div>
          <div style="margin-left: auto">
            <img @click="showModal=false"
                 src="@/assets/images/V2-new-view/resource_close.png"
                 style="margin-left:auto;width: 20px;height: 20px;">
          </div>
        </div>
      </template>
      <template #footer>
        <div style="display: flex;margin-top: 30px">
          <Button type="error"
                  style="width: 64px;height: 32px;border-radius: 5px;background: #b40001;padding: 0"
                  @click="showModal=false">确定
          </Button>
          <Button type="primary"
                  style="width: 64px;height: 32px;border-radius: 5px;background: #c9c9c9;border: #c9c9c9;color: #161616;"
                  @click="showModal=false" class="close">取消
          </Button>
        </div>
      </template>
      <div style="width: 100%;">
        <Form :label-width="155" label-position="right">
          <Row :gutter="15">
            <Col span="12" style="margin-bottom: 10px;">
              <FormItem>
                <template #label>
                  <div>姓名<span style="color: red">(必填)</span></div>
                </template>
                <Input disabled v-model="addinfo.CPBI003" type="text" style="width: 100%"></Input>
              </FormItem>
            </Col>
            <Col span="12" style="margin-bottom: 10px;">
              <FormItem>
                <template #label>
                  <div>身份证号<span style="color: red">(必填)</span></div>
                </template>
                <Input disabled v-model="addinfo.CPBI002" type="text" style="width: 100%"></Input>
              </FormItem>
            </Col>
          </Row>
          <Row :gutter="15">
            <Col span="12" style="margin-bottom: 10px;">
              <FormItem>
                <template #label>
                  <div>性别<span style="color: red">(必填)</span></div>
                </template>
                <Select disabled v-model="addinfo.CPBI005" filterable transfer="" style="width: 100%;">
                  <Option :value="'0'">男</Option>
                  <Option :value="'1'">女</Option>
                </Select>
              </FormItem>
            </Col>
            <Col span="12" style="margin-bottom: 10px;">
              <FormItem>
                <template #label>
                  <div>婚姻状况<span style="color: red">(必填)</span></div>
                </template>
                <Select disabled v-model="addinfo.CPBI006" filterable transfer="" style="width:100%;">
                  <Option :value="item.TYPECODE" v-for="item in dictList[3]" v-bind:key="item.TYPECODE"> {{
                      item.TYPENAME
                    }}
                  </Option>
                </Select>
              </FormItem>
            </Col>
          </Row>
          <Row :gutter="15">
            <Col span="12" style="margin-bottom: 10px;">
              <FormItem>
                <template #label>
                  <div>民族<span style="color: red">(必填)</span></div>
                </template>
                <Select disabled v-model="addinfo.CPBI007" filterable transfer="" style="width: 100%;">
                  <Option :value="item.TYPECODE" v-for="item in dictList[4]" v-bind:key="item.TYPECODE">{{
                      item.TYPENAME
                    }}
                  </Option>
                </Select>
              </FormItem>
            </Col>
            <Col span="12" style="margin-bottom: 10px;">
              <FormItem>
                <template #label>
                  <div>政治面貌<span style="color: red">(必填)</span></div>
                </template>
                <Select disabled v-model="addinfo.CPBI008" filterable transfer="" style="width:100%;">
                  <Option :value="item.TYPECODE" v-for="item in dictList[0]" v-bind:key="item.TYPECODE">{{
                      item.TYPENAME
                    }}
                  </Option>
                </Select>
              </FormItem>
            </Col>
          </Row>
          <Row :gutter="15">
            <Col span="12" style="margin-bottom: 10px;">
              <FormItem>
                <template #label>
                  <div>是否退役士兵定向<span style="color: red">(必填)</span></div>
                </template>
                <Select disabled v-model="addinfo.CPBI009" filterable transfer="" style="width: 100%;">
                  <Option :value="'Y'">是</Option>
                  <Option :value="'N'">否</Option>
                </Select>
              </FormItem>
            </Col>
            <Col span="12" style="margin-bottom: 10px;">
              <FormItem>
                <template #label>
                  <div>是否军嫂定向<span style="color: red">(必填)</span></div>
                </template>
                <Select disabled v-model="addinfo.CPBI010" filterable transfer="" style="width: 100%;">
                  <Option :value="'Y'">是</Option>
                  <Option :value="'N'">否</Option>
                </Select>
              </FormItem>
            </Col>
          </Row>
          <Row :gutter="15">
            <Col span="12" style="margin-bottom: 10px;">
              <FormItem>
                <template #label>
                  <div>人员类型<span style="color: red">(必填)</span></div>
                </template>
                <CheckboxGroup v-model="addinfo.personnel_type">
                  <Checkbox disabled v-for="item in typeList" :value="item.TYPECODE" v-bind:key="item.TYPECODE">
                    {{ item.TYPENAME }}
                  </Checkbox>
                </CheckboxGroup>
              </FormItem>
            </Col>
            <Col span="12" style="margin-bottom: 10px;">
              <FormItem>
                <template #label>
                  <div>户籍地址<span style="color: red">(必填)</span></div>
                </template>
                <Input disabled v-model="addinfo.CPBI012" type="text" style="width: 100%"></Input>
              </FormItem>
            </Col>
          </Row>
          <Row :gutter="15">
            <Col span="12" style="margin-bottom: 10px;">
              <FormItem>
                <template #label>
                  <div>联系方式<span style="color: red">(必填)</span></div>
                </template>
                <Input disabled v-model="addinfo.CPBI013" type="text" style="width: 100%"></Input>
              </FormItem>
            </Col>
            <Col span="12" style="margin-bottom: 10px;">
              <FormItem>
                <template #label>
                  <div>家庭住址<span style="color: red">(必填)</span></div>
                </template>
                <Input disabled v-model="addinfo.CPBI014" type="text" style="width: 100%"></Input>
              </FormItem>
            </Col>
          </Row>
          <Row :gutter="15">
            <Col span="12" style="margin-bottom: 10px;">
              <FormItem>
                <template #label>
                  <div>免冠照片<span style="color: red">(必填)</span></div>
                </template>
                <div v-if="addinfo.files || fileUrlList.length > 0">
                  <Row>
                    <Col span="24" style="padding-left: 0">
                      <div v-for="(item, index) in fileUrlList" :key="'index3'+index">
                        <img :src="item" :title="item"
                             style="width: 85px;height: 105px;border-radius: 5px;background: #f8f8f8;border: 1px solid #c9c9c9;"></img>
                        <!--                    <button style="float: right;position: absolute;" @click="addIMG1">重新上传</button>-->
                      </div>

                    </Col>
                  </Row>
                </div>
              </FormItem>
            </Col>
            <Col span="12" style="margin-bottom: 10px;">
              <FormItem>
                <template #label>
                  <div>身份证正反上传<span style="color: red">(必填)</span></div>
                </template>
                <Row ::gutter="10" style="margin: 0">
                  <Col span="12" style="padding-left: 0">
                    <div v-if="addinfo.files2 || fileUrlList2.length > 0">
                      <Row>
                        <Col span="24">
                          <div v-for="(item, index) in fileUrlList2" :key="index">
                            <img :src="item" :title="item"
                                 style="width:100%;height: 105px;border-radius: 5px;background: #f8f8f8;border: 1px solid #c9c9c9;"></img>
                            <!--                    <button @click="addIMG2">重新上传</button>-->
                          </div>
                        </Col>
                      </Row>
                    </div>
                  </Col>
                  <Col span="12" style="padding-right: 0">
                    <div v-if="addinfo.files3 || fileUrlList3.length > 0">
                      <Row>
                        <Col span="24">
                          <div v-for="(item, index) in fileUrlList3" :key="index + '0'"
                          >
                            <img :src="item" :title="item"
                                 style="width:100%;height: 105px;border-radius: 5px;background: #f8f8f8;border: 1px solid #c9c9c9;"></img>
                            <!--                    <button @click="addIMG3">重新上传</button>-->
                          </div>
                        </Col>
                      </Row>
                    </div>
                  </Col>
                </Row>
              </FormItem>
            </Col>
          </Row>
        </Form>
      </div>
    </Modal>

    <Modal
      v-model="zhuxiao"
      width="640px"
      :closable="false">
      <template #header>
        <div style="display: flex;align-items: center;padding: 16px 15px 0 15px">
          <div style="  font-weight: 700;font-size: 14px; text-align: left;color: #b40001;">
            注销
          </div>
          <div style="margin-left: auto">
            <img @click="zhuxiao=false"
                 src="@/assets/images/V2-new-view/resource_close.png"
                 style="margin-left:auto;width: 20px;height: 20px;">
          </div>
        </div>
      </template>
      <template #footer>
        <div style="display: flex;margin-top: 30px">
          <Button type="error"
                  style="width: 64px;height: 32px;border-radius: 5px;background: #b40001;padding: 0"
                  @click="ok">确定
          </Button>
          <Button type="primary"
                  style="width: 64px;height: 32px;border-radius: 5px;background: #c9c9c9;border: #c9c9c9;color: #161616;"
                  @click="zhuxiao=false" class="close">取消
          </Button>
        </div>
      </template>
      <div style="color: #b40001;font-weight: 700;font-size: 20px;"> 是否注销此条人员信息？</div>
    </Modal>
  </div>
</template>
<script>
import {
  getTypeNameList,
  getOffice,
  addPersonnelCityInfo,
  findPersonnelCityList,
  getPersonnel,
  updatePersonnelCityInfo,
  findPersonnelTypeList
} from '@/api/eventlist'
import { createUpLoadFiles, getSign } from '@/api/common'

export default {
  data () {
    return {
      item: {},
      zhuxiao: false,
      message: '',
      showModal: false,
      addModal: false,
      judge: false,
      judge2: false,
      judge3: false,
      status: false,
      addinfo: {},
      searchInfo: {
        currentPageNo: 1,
        currentPageSize: 10,
        loading1: true
      },
      upPicData: {
        filePath: '',
        fileName: ''
      },
      dictList: [[], [], []],
      columns: [
        { type: 'index', width: 50, align: 'center' },
        { title: '姓名', key: 'CPBI003', width: 90, align: 'center' },
        { title: '性别', key: 'sex', width: 80, align: 'center' },
        { title: '年龄', key: 'age', width: 80, align: 'center' },
        // { title: '超龄', key: 'isoverage', width: 80, align: 'center' },
        { title: '身份证号', key: 'CPBI002', width: 160, align: 'center' },
        { title: '政治面貌', key: 'politics', width: 100, align: 'center' },
        { title: '联系方式', key: 'CPBI013', width: 120, align: 'center' },
        {
          title: '免冠照片',
          width: 100,
          align: 'center',
          render: (h, params) => {
            return h('img', {
              attrs: {
                // src: 'https://szmz.mzj.shenyang.gov.cn/symz-cp/cp01001Controller.do?picStream&pic=' + params.row.CPBI015
                src: params.row.CPBI015
              },
              style: {
                marginRight: '5px',
                height: '45px'
              },
              on: {
                click: () => {
                  console.log(h)
                }
              }
            })
          }
        },
        { title: '所在区县', key: 'city_name', width: 100, align: 'center' },
        { title: '所在街道', key: 'street_name', minWidth: 100, align: 'center' },
        { title: '所在社区', key: 'community_name', minWidth: 100, align: 'center' },
        // { title: '任职情况', key: 'CPWI006', width: 100, align: 'center' },
        { title: '社工状态', key: 'TYPENAME', width: 100, align: 'center' },
        { title: '操作', slot: 'action', width: 116, align: 'center', fixed: 'right' }
      ],
      datalist: [],
      fileUrlList: [],
      fileUrlList2: [],
      fileUrlList3: [],
      mailList1: [],
      mailList2: [],
      mailList3: [],
      typeList: [],
      loading: false
    }
  },
  methods: {
    init () {
      this.searchInfo.loading1 = true
      let params = {
        pageNo: this.searchInfo.currentPageNo,
        pageSize: this.searchInfo.currentPageSize
      }
      findPersonnelCityList(this.searchInfo).then(res => {
        if (res.data.errcode === 0) {
          this.datalist = res.data.data.results
          this.searchInfo.loading1 = false
          this.searchInfo.totalnum = res.data.data.totalRecord
        } else {
          this.$Notice.error({
            title: '人员列表获取失败',
            desc: res.data.errmsg
          })
        }
      })
    },
    findinit () {
      this.searchInfo.currentPageNo = 1
      this.init()
    },
    addOk () {
      if (this.status) {
        this.updatePersonnelCityInfo()
      } else {
        this.addPersonnelCityInfo()
      }
    },
    addPersonnelCityInfo () {
      if (this.addinfo.personnel_type !== undefined) {
        this.addinfo.personnel_type = this.addinfo.personnel_type.join(',')
      } else {
        this.addinfo.personnel_type = ''
      }
      this.addinfo.CPBI015 = this.addinfo.files
      this.addinfo.CPBI016 = this.addinfo.files2
      this.addinfo.CPBI019 = this.addinfo.files3
      addPersonnelCityInfo(this.addinfo).then(res => {
        if (res.data.errcode === 0) {
          this.addinfo = {}
          this.addModal = false
          this.searchInfo = {
            currentPageNo: 1,
            currentPageSize: 10,
            loading1: true
          }
          this.$Notice.success({ title: '添加成功', desc: '' })
          this.init()
        } else {
          this.$Notice.error({
            title: '录入人员信息失败',
            desc: res.data.errmsg
          })
        }
      })
      // console.log(this.fileUrlList[0])
    },
    updatePersonnelCityInfo () {
      if (this.addinfo.personnel_type !== undefined) {
        this.addinfo.personnel_type = this.addinfo.personnel_type.join(',')
      } else {
        this.addinfo.personnel_type = ''
      }
      this.addinfo.CPBI015 = this.addinfo.files
      this.addinfo.CPBI016 = this.addinfo.files2
      this.addinfo.CPBI019 = this.addinfo.files3
      updatePersonnelCityInfo(this.addinfo).then(res => {
        if (res.data.errcode === 0) {
          this.addinfo = {}
          this.addModal = false
          this.searchInfo = {
            currentPageNo: 1,
            currentPageSize: 10,
            loading1: true
          }
          this.$Notice.success({ title: '修改成功', desc: '' })
          this.init()
        } else {
          this.$Notice.error({
            title: '录入人员信息失败',
            desc: res.data.errmsg
          })
        }
      })

    },
    show (item) {
      this.addinfo = {}
      this.fileUrlList = []
      this.fileUrlList2 = []
      this.fileUrlList3 = []
      getPersonnel(item).then(res => {
        if (res.data.errcode === 0) {
          this.showModal = true
          this.addinfo = res.data.data
          if (res.data.data.personnel_type !== undefined) {
            this.addinfo.personnel_type = res.data.data.personnel_type.toString().split(',')
          }
          if (res.data.data.CPBI015) {
            this.judge = true
            this.addinfo.files = res.data.data.CPBI015
            this.fileUrlList.push(res.data.data.CPBI015)
          }
          if (res.data.data.CPBI016) {
            this.judge2 = true
            this.addinfo.files2 =
              this.fileUrlList2.push(res.data.data.CPBI016)
          }
          if (res.data.data.CPBI019) {
            this.judge3 = true
            this.addinfo.files3 = res.data.data.CPBI019
            this.fileUrlList3.push(res.data.data.CPBI019)
          }
        } else {
          this.$Notice.error({
            title: '获取人员信息失败',
            desc: res.data.errmsg
          })
        }
      })
    },
    updatePersonnel (item) {
      this.message = '确定'
      this.status = true
      this.addinfo = {}
      this.fileUrlList = []
      this.fileUrlList2 = []
      this.fileUrlList3 = []
      getPersonnel(item).then(res => {
        if (res.data.errcode === 0) {
          this.addModal = true
          this.addinfo = res.data.data
          if (res.data.data.personnel_type !== undefined) {
            this.addinfo.personnel_type = res.data.data.personnel_type.toString().split(',')
          }
          if (res.data.data.CPBI015) {
            this.judge = true
            this.addinfo.files = res.data.data.CPBI015
            this.fileUrlList.push(res.data.data.CPBI015)
          }
          if (res.data.data.CPBI016) {
            this.judge2 = true
            this.addinfo.files2 =
              this.fileUrlList2.push(res.data.data.CPBI016)
          }
          if (res.data.data.CPBI019) {
            this.judge3 = true
            this.addinfo.files3 = res.data.data.CPBI019
            this.fileUrlList3.push(res.data.data.CPBI019)
          }
        } else {
          this.$Notice.error({
            title: '获取人员信息失败',
            desc: res.data.errmsg
          })
        }
      })
    },
    remove (item) {
      this.item = item
      this.zhuxiao = true
    },
    ok () {
      this.item.effective = '0'
      updatePersonnelCityInfo(this.item).then(res => {
        if (res.data.errcode === 0) {
          this.init()
          this.zhuxiao = false
          this.$Notice.success({ title: '注销成功', desc: '' })
        } else {
          this.$Notice.error({
            title: '注销失败',
            desc: res.data.errmsg
          })
        }
      })
    },
    searchDatawork () {
      this.searchInfo = {}
      this.init()
    },
    importExcel () {

    },
    excelTemplate () {

    },
    changePagesize (pageSize) {
      this.searchInfo.currentPageSize = pageSize
      this.changePageNo()
    },
    changePageNo (pageNo) {
      this.searchInfo.currentPageNo = pageNo
      this.init()
    },
    addIMG1 () {
      if (confirm('是否确定重新上传？')) {
        this.fileUrlList = []
        this.judge = false
        this.addinfo.files = undefined
      }
    },
    addIMG2 () {
      if (confirm('是否确定重新上传？')) {
        this.fileUrlList2 = []
        this.judge2 = false
        this.addinfo.files2 = undefined
      }
    },
    addIMG3 () {
      if (confirm('是否确定重新上传？')) {
        this.fileUrlList3 = []
        this.judge3 = false
        this.addinfo.files3 = undefined
      }
    },
    beforeUpload (file) {
      console.log('上传相关操作： ', file)
      var time = new Date().getTime()
      this.timeStep = time.toString()
      this.upPicData.fileName = this.timeStep + file.name
      this.upPicData.filePath = 'smz/cardm'
      let that = this
      const reader = new FileReader()
      reader.readAsDataURL(file)
      reader.onload = () => {
        let index = reader.result.indexOf('base64,') + 7
        that.upPicData.file = reader.result.substring(index)
        this.fileUrlList = []
        this.addinfo.files = undefined
        that.upPic(that.upPicData, file)
      }
      return false
    },
    // 上传图片
    upPic (obj, file) {
      var time = new Date().getTime()
      this.timeStep = time.toString()
      let param = {
        filePath: obj.filePath,
        fileName: obj.fileName,
        timestamp: this.timeStep
      }
      if (param.fileName.length > 20) {
        param.fileName = param.fileName.substring(0, 20) + file.name
      }
      getSign(param).then(res => {
        if (res.data.errcode === 0) {
          createUpLoadFiles(res.data.data.docking_url, {
            sign: res.data.data.sign,
            timestamp: this.timeStep,
            filePath: param.filePath,
            fileName: param.fileName,
            file: obj.file
          }).then(res => {
            if (res.data.errcode === 0) {
              let Url = res.data.data
              if (this.addinfo.files === undefined || this.addinfo.files.length === 0) {
                this.addinfo.files = Url
              } else {
                this.addinfo.files = this.addinfo.files + ',' + Url
              }
              this.fileUrlList.push(Url)
              this.index1 = this.fileUrlList.length - 1
              this.judge = true
            } else {
              this.$Notice.error({ title: '上传失败', desc: res.data.data.msg })
            }
          })
        } else {
          this.$Notice.error({ title: '上传失败', desc: res.data.data.msg })
        }
      })
    },
    // 上传相关
    beforeUpload2 (file) {
      console.log('上传相关操作： ', file)
      var time = new Date().getTime()
      this.timeStep = time.toString()
      this.upPicData.fileName = this.timeStep + file.name
      this.upPicData.filePath = 'smz/cardz'
      let that = this
      const reader = new FileReader()
      reader.readAsDataURL(file)
      reader.onload = () => {
        let index = reader.result.indexOf('base64,') + 7
        that.upPicData.file = reader.result.substring(index)
        this.fileUrlList2 = []
        this.addinfo.files2 = undefined
        that.upPic2(that.upPicData, file)
      }
      return false
    },
    // 上传图片
    upPic2 (obj, file) {
      var time = new Date().getTime()
      this.timeStep = time.toString()
      let param = {
        filePath: obj.filePath,
        fileName: obj.fileName,
        timestamp: this.timeStep
      }
      if (param.fileName.length > 20) {
        param.fileName = param.fileName.substring(0, 20) + file.name
      }
      getSign(param).then(res => {
        if (res.data.errcode === 0) {
          createUpLoadFiles(res.data.data.docking_url, {
            sign: res.data.data.sign,
            timestamp: this.timeStep,
            filePath: param.filePath,
            fileName: param.fileName,
            file: obj.file
          }).then(res => {
            if (res.data.errcode === 0) {
              let Url = res.data.data
              if (this.addinfo.files2 === undefined || this.addinfo.files2.length === 0) {
                this.addinfo.files2 = Url
              } else {
                this.addinfo.files2 = this.addinfo.files2 + ',' + Url
              }
              this.fileUrlList2.push(Url)
              this.index2 = this.fileUrlList2.length - 1
              this.judge2 = true
            } else {
              this.$Notice.error({ title: '上传失败', desc: res.data.data.msg })
            }
          })
        } else {
          this.$Notice.error({ title: '上传失败', desc: res.data.data.msg })
        }
      })
    },
    // 上传相关
    beforeUpload3 (file) {
      console.log('上传相关操作： ', file)
      var time = new Date().getTime()
      this.timeStep = time.toString()
      this.upPicData.fileName = this.timeStep + file.name
      this.upPicData.filePath = 'smz/cardf'
      let that = this
      const reader = new FileReader()
      reader.readAsDataURL(file)
      reader.onload = () => {
        let index = reader.result.indexOf('base64,') + 7
        that.upPicData.file = reader.result.substring(index)
        this.fileUrlList3 = []
        this.addinfo.files3 = undefined
        that.upPic3(that.upPicData, file)
      }
      return false
    },
    // 上传图片
    upPic3 (obj, file) {
      var time = new Date().getTime()
      this.timeStep = time.toString()
      let param = {
        filePath: obj.filePath,
        fileName: obj.fileName,
        timestamp: this.timeStep
      }
      if (param.fileName.length > 20) {
        param.fileName = param.fileName.substring(0, 20) + file.name
      }
      getSign(param).then(res => {
        if (res.data.errcode === 0) {
          createUpLoadFiles(res.data.data.docking_url, {
            sign: res.data.data.sign,
            timestamp: this.timeStep,
            filePath: param.filePath,
            fileName: param.fileName,
            file: obj.file
          }).then(res => {
            if (res.data.errcode === 0) {
              let Url = res.data.data
              if (this.addinfo.files3 === undefined || this.addinfo.files3.length === 0) {
                this.addinfo.files3 = Url
              } else {
                this.addinfo.files3 = this.addinfo.files3 + ',' + Url
              }
              this.fileUrlList3.push(Url)
              this.index3 = this.fileUrlList3.length - 1
              this.judge3 = true
            } else {
              this.$Notice.error({ title: '上传失败', desc: res.data.data.msg })
            }
          })
        } else {
          this.$Notice.error({ title: '上传失败', desc: res.data.data.msg })
        }
      })
    },
    getTypeName (id, index) {
      getTypeNameList({ typegroupcode: id }).then(res => {
        if (res.data.errcode === 0) {
          this.dictList[index] = res.data.data
        } else {
          this.$Notice.error({
            title: '获取字典列表失败',
            desc: res.data.errmsg
          })
        }
      })
    },
    getDictList () {
      this.getTypeName('political', 0)
      this.getTypeName('position', 1)
      this.getTypeName('cpbi018', 2)
      this.getTypeName('marriage', 3)
      this.getTypeName('nation', 4)
      this.getTypeName('incumbency', 5)
      this.getTypeName('sp_status', 6)
      this.getTypeName('degree', 7)
      this.getTypeName('academic', 8)
      this.getTypeName('lineal', 9)
      this.getTypeName('pqoswt', 10)
      this.getTypeName('train', 11)
      this.getTypeName('examType', 12)
      this.getTypeName('examresult', 13)
      this.getTypeName('cpCancel', 14)
    },
    getMailList (grade, code) {
      // this.searchInfo['grade' + (index + 1)] = 0
      getOffice({ grade: grade, code: code }).then(res => {
        if (res.data.errcode === 0) {
          this.mailList1 = res.data.data
          let xiehui = { code: '1', name: '社区工作者协会', master: '社区工作者协会' }
          this.mailList1.push(xiehui)
          // this.mailList[index].unshift({ id: 0, title: '全部' })
          // this.$forceUpdate()
        } else {
          this.$Notice.error({ title: '获取信息失败', desc: '查询区域列表信息失败' })
        }
      })
    },
    getMailList2 (grade, code) {
      // this.searchInfo['grade' + (index + 1)] = 0
      getOffice({ code: code }).then(res => {
        if (res.data.errcode === 0) {
          if (grade === 4) {
            this.mailList2 = res.data.data
            let xiehui = { code: '1', name: '社区工作者协会', master: '社区工作者协会' }
            this.mailList2.push(xiehui)
          } else if (grade === 5) {
            this.mailList3 = res.data.data
          }
          // this.mailList[index].unshift({ id: 0, title: '全部' })
          // this.$forceUpdate()
        } else {
          this.$Notice.error({ title: '获取信息失败', desc: '查询区域列表信息失败' })
        }
      })
    },
    findPersonnelTypeList () {
      findPersonnelTypeList().then(res => {
        if (res.data.errcode === 0) {
          this.typeList = res.data.data
        } else {
          this.$Notice.error({
            title: '获取人员状态失败',
            desc: res.data.errmsg
          })
        }
      })
    }
  },
  mounted () {
    this.init()
    this.getDictList()
    this.findPersonnelTypeList()
    if (this.companyGrade < 3) {
      this.getMailList(2, null)
    } else if (this.companyGrade < 4) {
      this.getMailList2(4, this.companyCode)
    } else if (this.companyGrade < 5) {
      this.getMailList2(5, this.companyCode)
    }
  }
}
</script>
<style lang="less" scoped>
  /deep/ .top .ivu-form-item-label {
    width: 100% !important;
    text-align: left !important;
    font-family: "PingFang SC";
    font-weight: 400;
    font-size: 14px;
    text-align: left;
    color: #161616;
  }
  /deep/ .ivu-table-header .ivu-table-column-center {
    font-family: "PingFang SC Bold";
    font-weight: 700;
    font-size: 14px;
    text-align: center;
    color: #161616;
    background: #EFEFEF;
    height: 40px;
  }
  /deep/ .ivu-table-fixed-header .ivu-table-column-center {
    font-family: "PingFang SC Bold";
    font-weight: 700;
    font-size: 14px;
    text-align: center;
    color: #161616;
    background: #EFEFEF;
    height: 40px;
  }
  /deep/ .ivu-checkbox-checked .ivu-checkbox-inner {
    border-color: #b40001;
    background-color: #b40001;
  }
  .user-drop-div /deep/ .ivu-dropdown-item {
    font-family: "PingFang SC";
    font-weight: 400;
    font-size: 12px;
    text-align: left;
    color: #161616;
  }
  .user-drop-div /deep/ .ivu-dropdown-item:hover {
    font-family: "PingFang SC";
    font-weight: 400;
    font-size: 12px;
    text-align: left;
    color: #b40001;
  }
  .user-drop-div .user-drop-item-div1 img {
    content: url('../../../assets/images/V2-new-view/查看信息.png')
  }
  .user-drop-div .user-drop-item-div1:hover img {
    content: url('../../../assets/images/V2-new-view/查看信息2.png')
  }
  .user-drop-div .user-drop-item-div2 img {
    content: url('../../../assets/images/V2-new-view/修改.png')
  }
  .user-drop-div .user-drop-item-div2:hover img {
    content: url('../../../assets/images/V2-new-view/修改2.png')
  }
  .user-drop-div .user-drop-item-div3 img {
    content: url('../../../assets/images/V2-new-view/注销.png')
  }
  .user-drop-div .user-drop-item-div3:hover img {
    content: url('../../../assets/images/V2-new-view/注销2.png')
  }
  .card_style {
    height: 100%;
    width: 100%;
    overflow: hidden;

    .ivu-card-body {
      padding: 0px;
    }
  }
  .page_style {
    margin-top: 30px;
    text-align: right;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  /deep/ .ivu-page-item-active {
    border: 1px solid #FFAB04;
    background: #FFFAE8;
  }
  /deep/ .ivu-page-item-active a {
    color: #FFAB04;
  }
  .bench_search {
    margin-bottom: 10px;
  }
  .nopadding .ivu-table-cell {
    padding: 0px 0px;
  }
  .item1 {
    height: 42px;
    line-height: 40px;
  }
  .marginR2 {
    margin-right: 2%;
  }
  .fontsize20 {
    font-size: 20px;
  }
  .fontTitle {
    font-size: 20px;
    height: 52px;
    text-align: right;
    padding-top: 16px;
  }
  .fontContent {
    font-size: 20px;
    height: 52px;
    text-align: left;
    padding-top: 16px;
    color: #dc9387;
  }
  .countNum {
    font-size: 35px;
    color: #dc9387;
  }
  .new-btn-sty {
    margin-right: 5px;
    color: #fff;
    background-color: #235CA7;
    border-color: #235CA7;
    font-weight: 500;
  }
  .new-btn-sty1 {
    margin-right: 5px;
    color: #fff;
    background-color: #598ED1;
    border-color: #598ED1;
    font-weight: 500;
  }
  .text-overflow {
    width: 300px; /* 超过宽度就显示... */
    text-overflow: ellipsis; /* 显示... */
    overflow: hidden; /* 隐藏文字 */
    white-space: nowrap; /* 不换行 */
    cursor: pointer; /* hover显示手形 */
  }
  .search-info-style {
    margin-top: 10px;
  }
  .table-input {
    border: #312e2e solid 1px;
    border-left: 0px;
    border-right: 0px;
    line-height: 50px;
  }
  .table-col {
    border: #312e2e solid 1px;
    line-height: 50px;
  }
  /deep/ .ivu-modal-header {
    border: 0 !important;
  }
  /deep/ .ivu-modal-footer {
    border: 0 !important;
    padding-left: 30px;
    padding-bottom: 30px;
  }
  /deep/ .ivu-modal-body {
    padding: 6px 30px 0;
  }
  .top {
    border-radius: 5px;
    background: #f8f8f8;
    padding: 15px;
    margin-bottom: 20px !important;
  }
  /deep/ .top .ivu-form-item-label {
    width: 100% !important;
    text-align: left !important;
  }
  .b1 {
    font-family: "PingFang SC";
    font-weight: 400;
    font-size: 12px;
    text-align: center;
    color: #fff;
    height: 32px;
    width: 64px;
    border-radius: 5px;
    background: #b40001;
    border: 1px solid #b40001;
    margin-right: 10px;
  }
  .b2 {
    margin-right: 10px;
    height: 32px;
    width: 64px;
    border-radius: 5px;
    background: #fff;
    border: 1px solid #b40001;
    font-family: "PingFang SC";
    font-weight: 400;
    font-size: 12px;
    text-align: center;
    color: #b40001;
  }
  .b3 {
    font-family: "PingFang SC";
    font-weight: 400;
    font-size: 12px;
    text-align: center;
    color: #fff;
    height: 32px;
    border-radius: 5px;
    border: 1px solid #ff3704;
    padding: 0 16px;
    margin-right: 10px;
    background: #ff3704;
  }
  .ivu-form-item {
    margin-bottom: 5px;
  }
  .tableButton {
    background: transparent;
    font-weight: 400;
    font-size: 12px;
    text-align: center;
    color: #1a5fff;
    border: 0;
  }
  .img {
    width: 14px;
    height: 14px;
    margin-right: 11px;
  }
  .table-action-btn {
    padding: 0 20px;
    display: flex;
    align-items: center;
    width: 100%;
  }
  /deep/ .ivu-upload {
    border: 0 !important;
  }
</style>
